<template>
  <view class="container">
  <view class="container-header" :style="{'paddingTop':`${paddingTop}px`}">
    <view>
      <u-icon name="arrow-left" size="60rpx" color="#fff" @click="$goPath(1)" />
    </view>
  </view>
</view>
</template>
<script>
export default {
  data(){
    return {
      paddingTop: 0,
    }
  },
  onLoad(options) {
    const that = this
		//获取手机型号
		uni.getSystemInfo({
			success: function (res) {
				that.paddingTop = res.statusBarHeight//状态栏高度
			}
		});
  },
}
</script>
<style scoped>
/* pagesUser/joinUs/index.wxss */
.container {
  width: 100%;
  height: 100%;
  background-color: #3FB89F;
  background-image: url(https://youpindou.com/miniProgram/image/showImg?imgUrl=/home/ypd/images/f1b41888-a83b-4425-b080-c38f18c1e774.png);
  background-size: 100% 100%;
  
}
.container-header {
  width: 100%;
}
.container-header > view {
  padding-left: 12rpx;
  display: flex;
  justify-content: flex-start;
}

</style>